@font-face
{
    font-family:huawen;
    src: url("./font/华文行楷.ttf");
}

body{
    /* #4169E1 */
    /* #DC143C */
    background:	rgb(215,1,1);
    background-image: url(../images/bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

#title{
    font-size: 40px;
    text-align: center;
    padding: 10px;
    background: white;
    margin-top: 70px;
    /* #731414 */
    -moz-box-shadow:0px 4px 7px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow:0px 4px 7px rgba(0, 0, 0, 0.5); 
    box-shadow:0px 4px 7px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    display: none;
}

/*#footer-copy{*/
/*    font-size: 20px;*/
/*    color: white;*/
/*    text-align: center;*/
/*    margin-top: 30px;*/
/*}*/

#main-countainer{
    display: block;
}

#main-countainer-out{
    /*background-color: rgba(255, 255, 255, 0.4);*/
    margin-top: 20px;
    /*border-radius: 20px;*/
    padding-bottom: 15px;

}

.prizeList{
    /* text-align: center; */
    margin: 35px auto 15px auto;
    width: 100%;
    height: 568px;
    overflow: hidden;
    /*text-align: center;*/
    /*-moz-column-count:4;*/
    /*-webkit-column-count:4;*/
    /*column-count: 4;*/
    /*column-gap: none;*/
    /*column-count:none;*/
}

#scrollul{
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative;
     /*top: -100px;*/
     /*background: #007DDB;*/
 }

#scrollul:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    height:0;
    /*top: -100px;*/
    /*background: #007DDB;*/
}
.prizeList li{
    width: 280px;
    height: 50px;
    background-color: rgba(255,0,0,1);
    line-height: 50px;
    box-sizing:border-box;
    border:3px dashed red;
    margin-bottom: 15px;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    writing-mode: lr-tb;
    display: inline-block; /*ie8 竖直排列*/
    margin-left: 25px;
}

.prizeList li label{
    float: right;
    font-weight: normal;
}

.prizeList li span{
    float: left;

}

.submit{
    font-size: 25px;
    color: white;
    background: #F7971E;
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
    background: linear-gradient(to right, #FFD200, #F7971E);
    width: 200px;
    margin: 35px auto 0 auto;
    height: 50px;
    border-radius: 25px;
    border: none;

}

.getAward{
    font-size: 25px;
    color: white;
    background: #F7971E;
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
    background: linear-gradient(to right, #FFD200, #F7971E);
    border-radius: 25px;
    border: none;
    display: inline-block;
    width: 200px;
    margin:0 10px 0 10px;
    /* word-wrap:break-word; */
    /* overflow: hidden; */
}

#controll{
    text-align: center;
}

#controllBT{
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 62px;
    color: white;
    font-family: huawen;
    /*display: none;*/
}

#xyyd{
    text-align: center;
}
#xyyd img{
    width: 800px;
    margin-top: 8%;
}
#reward-image{
    text-align: center;
    /*width: 100%;*/
    width: 750px;
    margin: 0 auto;
    /*background: #007DDB;*/
    /*height: 300px;*/
}
#reward-image ul{
    list-style: none;
    padding: 0;
    margin:0;
}

.reward-item {
    float: left;
    margin-left: 80px;
    width: 200px;
    height: 200px;
    text-align: center;
    margin-top: 10px;

}
.reward-item img{
    width: 200px;
    height: 200px;
    margin-top: 15px;
    padding: 10px;
    border-radius: 8px;
    background: white;
}
.reward-item span{
    color: white;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
/* #rule{
     background: white;
     height: 300px;
     margin-top: 100px;
     border-radius: 25px;
}

#rule-title{
   
    position: relative;
    width: 300px;
    text-align: center;
    margin: auto;
    top: -20px;
    height: 50px;
    padding: 10px 0 10px 0;
    font-size: 20px;
    border-radius: 50px;
    color: white;
    background: #F7971E;
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
    background: linear-gradient(to right, #FFD200, #F7971E); 
    -moz-box-shadow:0px 3px 6px #5E4A4A; 
    -webkit-box-shadow:0px 3px 6px #5E4A4A; 
    box-shadow:0px 3px 6px #5E4A4A;
} */

